<template>
	<view class="page_box">
		<view class="content_box">
			<view class="goods-box">
				<view class="goods-list" v-if="goods" v-for="goods in scoreList" :key="goods.id">
					<sh-score-goods :scoreData="goods"></sh-score-goods>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import shScoreGoods from './sh-score-goods.vue';
	export default {
		components: {
			shScoreGoods
		},
		props: {
			scoreList: Array
		},
		data() {
			return {

			};
		},
		onLoad() {},
		computed: {},
		methods: {}
	};
</script>

<style lang="scss">
	.page_box {
		background: #fff;
	}

	.goods-box {
		display: flex;
		flex-wrap: wrap;
		padding: 20rpx;
		background-color: #fff;

		.goods-list {
			margin-right: 20rpx;
			margin-bottom: 20rpx;
			box-shadow: 0px 0px 20rpx 4rpx rgba(199, 199, 199, 0.22);
			border-radius: 20rpx;
			overflow: hidden;

			&:nth-child(2n) {
				margin-right: 0;
			}
		}
	}
</style>
